<!-- 页面中的内容 -->

<p>
按商品类型显示：
	<select name="type_id">
		<option value="">选择类型</option>
	    {volist name="types" id="type"}
		<option value="{$type.tid}" {if condition="$type['tid'] eq input('id')"}selected="selected"{/if}>{$type.type_name}</option>
		{/volist}
	</select>
	<select name="attrType">
		<option value="">全部</option>
		<option value="">参数</option>
		<option value="">规格</option>
	</select>
</p>
<!-- 列表 -->
<div class="list-div" id="listDiv">
	<table cellpadding="3" cellspacing="1">
    	<tr>
    		<th width="3%"><input type="checkbox"></th>
    		<th  width="3%">ID</th>
            <th>属性名称</th>
            <th>属性的类型</th>
            <th>录入方式</th>
            <th>属性的可选值</th>
            <th>所在的类型的id</th>
            <th width="60">排序</th>
			<th width="60">操作</th>
        </tr>
		{volist name="attrs" id="attr"}
			<tr class="tron">
				<td><input type="checkbox"></td>
				<td>{$attr.aid}</td>
				<td>{$attr.attr_name}</td>
				<td>{if condition="$attr['attr_type']"}规格{else /}参数{/if}</td>
				<td>{if condition="!$attr['input_type']"}手动输入{elseif condition="$attr['input_type'] eq 2"}手动输入多选项{else \}在列表中选择 {/if}</td>
				<td>{$attr.attr_value}</td>
				<td>{$attr.tid}</td>
				<td><input type="text" value="{$attr.sort}" style="width:40px;text-align: center;"></td>
		        <td align="center">
		        	<a href="{:url('editShow',['id'=>$attr['aid']])}">编辑</a> |
	                <a href="javascript:;" aid="{$attr.aid}" class="del_btn" title="移除">移除</a> 
		        </td>
	        </tr>
        {/volist}	
        <tr>
        	<td colspan="7" style="text-align: center;">
        		{$attrs->render()}
        	</td>
        </tr>	 
	</table>
</div>
<script>
	//异步删除
	$('.del_btn').click(function(){

		//给用户友好提示
		if( !confirm("确定要删除吗？") ){
			return false;
		}

		//ajax异步删除
		var id = $(this).attr('aid');//属性id
		var url = "{:url('del')}";//提交位置
		var oTr = $(this).parents('tr');
		var name = oTr.find('td').eq(2).html();
		
		$.get(url,{id:id,name:name},function( $data ) {
			
			if($data['status']) {

				oTr.fadeOut('slow', function() {
					oTr.remove();
				});

			}else{
				alert($data['msg']);
			}

		},'json');

	});
</script>